@charset "UTF-8";
*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
}

/*--------------------------*/


#login,#welcome,#register{
	position: relative;/*给每一个加定位属性，为后面的内容提供居中的绝对定位的效果*/
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
/*---------------背景-----------------*/
.shape{
    position: absolute;
    content: "";
    z-index: -1;
    transform: rotate(-45deg);
}
/*-------------居中面板-------------*/
.content{
	width: 1000px;
	margin: 0 auto;
}
/*--------下面的按钮样式----------*/
.down_button,.up_button{
	font-family:sans-serif;
	width: 170px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -85px;
	text-align: center;
}
.up_button {
	bottom: auto;
	top: 30px;
}
.down_button:after, .up_button:before{
	display: block;
	margin: auto;
	height: 20px;
	width: 20px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	content: "";
	transform:rotate(45deg);
}
/*--------上面的按钮样式----------*/
.up_button:before{
	border: none;
	border-left: 2px solid;
	border-top: 2px solid;
}

/*------------login区域的表单样式------------------*/
#login form,#register form {
	font-size: 32px;
	label{
		display: block;
		margin-top: 20px;
		text-indent: 2em;
		input{
			font: inherit;
			color: inherit;
			border: none;
			background-color: transparent;
			border-bottom: 1px dotted #fff;
			padding: 0 1em;
			width: 10em;
		}
	}
	a {
		border: 2px solid #fff;
		padding: .25em .75em;
		cursor: pointer;
	}
	a:hover {
		background-color: rgba(255,255,255,0.25);	
	}
}